<template>
  {{ content() }}
</template>

<script setup lang="ts">
import { useSlots } from 'vue'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
function content() {
  const slots = useSlots();
  const defaultSlot = slots.default?.();
  const text = defaultSlot && defaultSlot.length > 0 ? defaultSlot[0].children : '';
  return text ? t(`${text}`) : '';
}
</script>

<style lang="scss" scoped></style>
